<template>
  <div>
    <HeaderShop :config="config"></HeaderShop>
    <NavigationShop :config="config"></NavigationShop>
    <div class="khal-crumb">
      <div class="kc-center">
        <div class="kcc-list">
          <a v-for="(item, index) in crumbs" :key="index" :href="item.href ? item.href : 'javascript:void(0);'"
            class="kccl-a" :class="item.href ? '' : 'noafter'">{{ item.title }}</a>
        </div>
      </div>
    </div>
    <div class="screen-shop">
      <div class="ss-center">
        <dl class="ssc-dl">
          <dt class="sscd-dt">行业：</dt>
          <dd class="sscd-dd">
            <a href="" class="sscdd-a on">全部</a>
            <a href="" class="sscdd-a">教育</a>
            <a href="" class="sscdd-a">商城</a>
            <a href="" class="sscdd-a">招聘</a>
            <a href="" class="sscdd-a">企业</a>
            <a href="" class="sscdd-a">商务</a>
            <a href="" class="sscdd-a">博客</a>
            <a href="" class="sscdd-a">科技</a>
            <a href="" class="sscdd-a">影视</a>
            <a href="" class="sscdd-a">相册</a>
            <a href="" class="sscdd-a">婚庆</a>
            <a href="" class="sscdd-a">餐饮</a>
            <a href="" class="sscdd-a">酒店</a>
            <a href="" class="sscdd-a">旅游</a>
            <a href="" class="sscdd-a">体育</a>
            <a href="" class="sscdd-a">交友</a>
            <a href="" class="sscdd-a">美容美发</a>
            <a href="" class="sscdd-a">会所</a>
            <a href="" class="sscdd-a">医疗</a>
            <a href="" class="sscdd-a">汽车</a>
            <a href="" class="sscdd-a">建筑</a>
            <a href="" class="sscdd-a">学校</a>
            <a href="" class="sscdd-a">简历</a>
            <a href="" class="sscdd-a">其他</a>
          </dd>
        </dl>
        <dl class="ssc-dl">
          <dt class="sscd-dt">项目端：</dt>
          <dd class="sscd-dd">
            <a href="" class="sscdd-a on">全部</a>
            <a href="" class="sscdd-a">电脑端</a>
            <a href="" class="sscdd-a">手机端</a>
            <a href="" class="sscdd-a">微信公众号</a>
            <a href="" class="sscdd-a">微信小程序</a>
            <a href="" class="sscdd-a">百度小程序</a>
            <a href="" class="sscdd-a">抖音小程序</a>
            <a href="" class="sscdd-a">安卓app</a>
            <a href="" class="sscdd-a">苹果app</a>
          </dd>
        </dl>
        <dl class="ssc-dl">
          <dt class="sscd-dt">价格预算：</dt>
          <dd class="sscd-dd">
            <a href="" class="sscdd-a on">全部</a>
            <a href="" class="sscdd-a">￥0~5000</a>
            <a href="" class="sscdd-a">￥5000~10000</a>
            <a href="" class="sscdd-a">￥10000~50000</a>
            <a href="" class="sscdd-a">￥50000~100000</a>
            <a href="" class="sscdd-a">￥100000以上</a>
          </dd>
        </dl>
        <dl class="ssc-dl">
          <dt class="sscd-dt">等级：</dt>
          <dd class="sscd-dd">
            <a href="" class="sscdd-a on">全部</a>
            <a href="" class="sscdd-a">五颗星</a>
            <a href="" class="sscdd-a">四颗星</a>
            <a href="" class="sscdd-a">三颗星</a>
            <a href="" class="sscdd-a">二颗星</a>
            <a href="" class="sscdd-a">一颗星</a>
          </dd>
        </dl>
        <dl class="ssc-dl">
          <dt class="sscd-dt">发布来源：</dt>
          <dd class="sscd-dd">
            <a href="" class="sscdd-a on">全部</a>
            <a href="" class="sscdd-a">成都</a>
            <a href="" class="sscdd-a">重庆</a>
            <a href="" class="sscdd-a">北京</a>
            <a href="" class="sscdd-a">上海</a>
            <a href="" class="sscdd-a">广东</a>
            <a href="" class="sscdd-a">深圳</a>
          </dd>
        </dl>
        <dl class="ssc-dl">
          <dt class="sscd-dt">其他：</dt>
          <dd class="sscd-dd">
            <a href="" class="sscdd-a on">全部</a>
            <a href="" class="sscdd-a">不达标返钱</a>
            <a href="" class="sscdd-a">保证原创</a>
            <a href="" class="sscdd-a">提供代码</a>
            <a href="" class="sscdd-a">修到满意为止</a>
            <a href="" class="sscdd-a">中途不加价</a>
          </dd>
        </dl>
        <dl class="ssc-dl">
          <dt class="sscd-dt">排序：</dt>
          <dd class="sscd-dd">
            <div class="d-select">
              <div class="ds-text">成交额</div>
              <div class="ds-list">
                <a href="" class="dsl-a">降序</a>
                <a href="" class="dsl-a">升序</a>
              </div>
            </div>
            <div class="d-select">
              <div class="ds-text">发布时间</div>
              <div class="ds-list">
                <a href="" class="dsl-a">降序</a>
                <a href="" class="dsl-a">升序</a>
              </div>
            </div>
            <div class="d-select">
              <div class="ds-text">浏览量</div>
              <div class="ds-list">
                <a href="" class="dsl-a">降序</a>
                <a href="" class="dsl-a">升序</a>
              </div>
            </div>
            <div class="d-select">
              <div class="ds-text">好评</div>
              <div class="ds-list">
                <a href="" class="dsl-a">降序</a>
                <a href="" class="dsl-a">升序</a>
              </div>
            </div>
          </dd>
        </dl>
      </div>
    </div>
    <div class="list-shop">
      <div class="ls-center">
        <ul class="lsc-ul">
          <li class="lscu-li" v-for="index in 80" :key="index">
            <div class="cover">
              <a href="" title="">
                <el-image src="" alt="" lazy style="width: 100%;height: 100%;"></el-image>
              </a>
            </div>
            <div class="content"></div>
          </li>
        </ul>
        <div class="page page-shop">
          <div class="p-list"><a href="javascript:void(0);" class="pl-a disabled">&lt;&lt;</a> <a
              href="javascript:void(0);" class="pl-a on">1</a><a href="https://192.168.124.1:3333/xwzx/p2/"
              class="pl-a">2</a><a href="https://192.168.124.1:3333/xwzx/p3/" class="pl-a">3</a><a
              href="https://192.168.124.1:3333/xwzx/p4/" class="pl-a">4</a><a href="https://192.168.124.1:3333/xwzx/p5/"
              class="pl-a">5</a><a href="https://192.168.124.1:3333/xwzx/p6/" class="pl-a">6</a><a
              href="https://192.168.124.1:3333/xwzx/p7/" class="pl-a">7</a><a href="https://192.168.124.1:3333/xwzx/p8/"
              class="pl-a">8</a> <a href="https://192.168.124.1:3333/xwzx/p2/" class="pl-a">&gt;&gt;</a></div>
        </div>
      </div>
    </div>
    <FooterShop :config="config"></FooterShop>
  </div>
</template>

<script>
export default {
  validate(ctx) {
    return ctx.route.fullPath == '/dmsc/'
  },
  async asyncData(ctx) {
    // 面包屑
    var crumbs = [{
      title: '纺扬科技',
      href: `${ctx.config.domain}/`
    }, {
      title: '代码商城',
      href: ''
    }]

    return {
      config: ctx.config,
      crumbs
    }
  },
  head() {
    return {
      title: '',
      meta: [
        { hid: 'description', name: 'description', content: '' },
        { hid: 'keywords', name: 'keywords', content: '' }
      ]
    }
  }
}
</script>

<style>
body {
  background-color: #f2f2f2;
}
</style>